<template>
    <Row>
        <Card>
            <p slot="title">
                <Icon type="pinpoint"></Icon>
                项目搜索
            </p>
            <Row>
                <Input v-model="searchConName3" placeholder="请输入项目名称搜搜..." style="width: 200px" />
                <span @click="handleSearch3" style="margin: 0 10px;"><Button type="primary" icon="search">搜索</Button></span>
            </Row>
            <Row class="margin-top-10 searchable-table-con1">
                <Table :stripe="stripe" :border="showBorder" :columns="columns5" :data="data5"></Table>
            </Row>
        </Card>
    </Row>
</template>

<script>
    import * as table from './data/search';
    export default {
        data(){
            return {
                showBorder:true,
                stripe:true,
                searchConName1: '',
                searchConName2: '',
                searchConTel2: '',
                searchConName3: '',
                columns1: table.columns1,
                data1: [],
                initTable1: [],
                data2: [],
                initTable2: [],
                data3: [],
                columns5: table.columns1,
                data5: [
                    {
                        name:'昆明工业职业技术学校学生宿舍建设',
                        type:'1',
                        type2:'高等专科学校',
                        c_t_d:'云南省-昆明市-安宁区'
                    },
                    {
                        name:'云南国防工业学校综合实验楼建设项目',
                        type:'2',
                        type2:'高等专科学校',
                        c_t_d:'云南省-昆明市-安宁区'
                    },
                    {
                        name:'云南体育职业技术学院',
                        type:'3',
                        type2:'高等专科学校',
                        c_t_d:'云南省-昆明市-安宁区'
                    },
                    {
                        name:'云南旅游职业技术学院建设',
                        type:'2',
                        type2:'高等专科学校',
                        c_t_d:'云南省-昆明市-安宁区'
                    },
                    {
                        name:'昆明工业职业技术学校学生宿舍建设',
                        type:'1',
                        type2:'高等专科学校',
                        c_t_d:'云南省-昆明市-安宁区'
                    },
                    {
                        name:'云南国防工业学校综合实验楼建设项目',
                        type:'2',
                        type2:'高等专科学校',
                        c_t_d:'云南省-昆明市-安宁区'
                    },
                    {
                        name:'云南体育职业技术学院',
                        type:'3',
                        type2:'高等专科学校',
                        c_t_d:'云南省-昆明市-安宁区'
                    },
                    {
                        name:'云南旅游职业技术学院建设',
                        type:'2',
                        type2:'高等专科学校',
                        c_t_d:'云南省-昆明市-安宁区'
                    }
                ]
            };
        },
        methods:{

            remove (index) {
                this.data5.splice(index, 1);
            },
            init () {
                this.data1 = this.initTable1 = table.searchTable1;
                this.data2 = this.initTable2 = table.searchTable2;
                this.data3 = this.initTable3 = table.searchTable3;
            },
            search (data, argumentObj) {
                let res = data;
                let dataClone = data;
                for (let argu in argumentObj) {
                    if (argumentObj[argu].length > 0) {
                        res = dataClone.filter(d => {
                            return d[argu].indexOf(argumentObj[argu]) > -1;
                        });
                        dataClone = res;
                    }
                }
                return res;
            },
            handleSearch1 () {
                this.data1 = this.initTable1;
                this.data1 = this.search(this.data1, {name: this.searchConName1});
            },
            handleSearch2 () {
                this.data2 = this.initTable2;
                this.data2 = this.search(this.data2, {name: this.searchConName2, tel: this.searchConTel2});
            },
            handleSearch3 () {
                this.data3 = this.initTable3;
                this.data3 = this.search(this.data3, {name: this.searchConName3});
            }
        }
    };
</script>

<style lang="less" scoped>
    @import '../../../styles/common.less';
    @import './item_list.less';

</style>